//@import './reset.scss';
@use 'reset';
@import 'animate.css';
@import 'element-plus/dist/index.css';
@import "./fonts/iconfont.css";

.iconfont {
  font-size: 1em;
}

.el-card.step-box {
  //padding: 0 16px;
  .el-card__body {
    --el-card-padding: 0 16px;
  }

  .el-tabs {
    --el-border-color-light: none;
    margin-left: -10px;
    margin-top: 6px;

    .el-tabs__item {
      font-weight: normal;
      min-width: 6.5em;
      height: 44px;
      padding: 0 10px !important;

      &.is-closable:hover .is-icon-close {
        width: 16px;
      }

      &.is-disabled {
        color: var(--el-text-color-primary);
        opacity: 0.9;
      }

      .is-icon-close {
        width: 0;
      }
    }

    .el-tabs__active-bar {
      background: transparent;
      height: 4px;
      bottom: 4px;

      &:before {
        content: '';
        background: var(--el-color-primary);
        box-shadow: 0 0 29px 0 rgba(200, 200, 200, 0.5);
        border-radius: 2px;
        width: 20px;
        height: 4px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }
    }
  }
}